@import url(toggler.css);
#rsidecfg{
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width:270dip;
  background-color: #171717;
	color: #cccccc;
	font-size: 12pt;
}
#rsidecfg:expanded{
  display: block;
}
#rsidecfg:first-child
{
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	top: 0;
	overflow-y:scroll-indicator !important;
    overflow-x: hidden;
}
#cfgmain{
padding: 20dip 40dip 10dip 40dip;
}
#bottomspace{
	width: *;
	height: 40dip;
	/*background-color: gold;*/
}
#cfgbtn{
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 40dip;
	/*border-top: 1dip #cccccc solid;*/
	flow:horizontal;
}

#cfgbtn > a{
	display: inline-block;
	size:30% 60%;
	background-color: rgba(255,255,255,0.25);
	border: 1dip white solid;
	border-radius: 6dip;
	margin:*;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
#cfgbtn > a:hover{
	color:#666666;
	background-color: rgba(255,255,255,0.85);
	transition: background-color(linear, 200ms);
}
.groupbox{
	border-bottom: 1dip solid tint(#999999,-0.25);
	padding-top: 20dip;
	padding-bottom: 20dip;
}
#samplepath{

}
#homepage{

}
#windowbtn{

}
#samplepath > a,
#homepage > a
{
	cursor: pointer;
}
#samplepath > p,
#homepage > p
{
	margin: 0 0 16dip 0;
	font-size: 14pt;
}
#samplepath > p > span{
	/*font-family: "YaHei Consolas Hybrid";*/
	font-size: 8pt;
	color:#999999;
}
#windowbtn{
	flow:row(label,button);
	border-spacing: *;
}
#windowbtn > label { 
	min-width:max-content; 
	text-align:right; 
	display:block; 
}

#collapsedcfg{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 40dip;
	/*background-color: white;*/
	vertical-align: middle;
	text-align: left;
	overflow: hidden;
	font-family: marlett;
    font-size: 16dip;
}
#collapsedcfg:hover{
	padding-right:0;
}
#collapsedcfg:hover::before{
	content: "4"
}